<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>业务功能首页</title>
	<link rel="stylesheet" href="<%=path %>/css/bootstrap.min.css" />
	<link rel="stylesheet" href="<%=path %>/css/easyui.css"/>
	<link rel="stylesheet" href="<%=path %>/css/icon.css"/>
	<style>
		body{
			background-color: #f1f1f1;
		}
		.lightBg{
			background-color: #fff;
			padding: 5px 20px;
		}


	</style>
</head>
<body>

	<div class="container">
		<div class="row lightBg">
			<!--标题-->
			<h2 class="pull-left"><img src="<%=path %>/images/logo.png" style="width: 80px;"> 智游科技项目申报系统</h2>
			<p class="pull-right" style="margin-top: 20px;">欢迎您，单位管理员123&nbsp;|&nbsp;<a href="">站内消息(2)</a>&nbsp;<a href="index.jsp">退出</a></p>
		</div>
		<div class="row" style="margin-top: 20px;">
			<!--页面一二级菜单部分，公用的-->
			<div class="easyui-tabs" style="">
				<div title="首页" style="padding:10px">
					首页暂无设计
				</div>
				<div title="申报管理" style="padding:10px">
					<div class="easyui-panel" style="padding:5px;">
						<a href="#" class="easyui-linkbutton" data-options="plain:true">填写申请书</a>
					</div>
				</div>
				<div title="项目管理" style="padding:10px">
					<div class="easyui-panel" style="padding:5px;">
						<a href="#" class="easyui-linkbutton" data-options="plain:true">查看项目</a>
					</div>
				</div>
				<div title="拨款管理" style="padding:10px">
					此功能暂不实现
				</div>
				<div title="系统管理" style="padding:10px" data-options="plain:true">
					<div class="easyui-panel" style="padding:5px;">
						<a href="#" class="easyui-linkbutton" data-options="plain:true">申报人管理</a>
						<a href="#" class="easyui-linkbutton" data-options="plain:true">单位信息维护</a>
						<a href="#" class="easyui-linkbutton" data-options="plain:true">个人信息维护</a>
						<a href="#" class="easyui-linkbutton" data-options="plain:true">个人账号管理</a>
					</div>
<!--
					<div id="mm2" style="width:100px;">
						<div>Help</div>
						<div>Update</div>
						<div>About</div>
					</div>-->
				</div>
			</div>
		</div>

		<!--页面实际数据管理部分-->
		<div class="row" style="margin-top: 20px;">
			<div style="background-color: #fff;padding: 20px;">
				<input type="text" placeholder="搜索姓名等基本信息字段">
				<select>
					<option>是否激活</option>
					<option>是</option>
					<option>否</option>
				</select>
				<button class="btn btn-primary">查询</button>
			</div>
			<div style="background-color: #fff;padding: 20px;">
				<table id="dg" class="easyui-datagrid" title="数据表格示例" style="height: 500px;"
				       data-options="rownumbers:true,singleSelect:true,url:'data1.json',method:'get'" toolbar="#tb">
					<thead>
					<tr>
						<th data-options="field:'ck',checkbox:true"></th>
						<th data-options="field:'itemid'">Item ID</th>
						<th data-options="field:'productid'">Product</th>
						<th data-options="field:'listprice',align:'right'">List Price</th>
						<th data-options="field:'unitcost',align:'right'">Unit Cost</th>
						<th data-options="field:'attr1'">Attribute</th>
						<th data-options="field:'status',align:'center'">Status</th>
					</tr>
					</thead>
				</table>
				<div id="tb" style="padding:5px;height:auto">
					<div style="margin-bottom:5px">
						<a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true">添加</a>
						<a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true">编辑</a>
						<a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true">删除</a>
					</div>
					<div>

			</div>
		</div>


	</div>


	<script src="<%=path %>/js/jquery1.12.4.min.js"></script>
	<script src="<%=path %>/js/bootstrap.min.js"></script>
	<script src="<%=path %>/js/jquery.easyui.min.js"></script>
	<script type="text/javascript">
		$(function(){

			var toolbar = [{
				text:'Add',
				iconCls:'icon-add',
				handler:function(){alert('add')}
			},{
				text:'Cut',
				iconCls:'icon-cut',
				handler:function(){alert('cut')}
			},'-',{
				text:'Save',
				iconCls:'icon-save',
				handler:function(){alert('save')}
			}];

			$('.easyui-tabs').tabs('select','系统管理');

			$('#dg').datagrid().datagrid({
				pagination: true, //如果为true，则在DataGrid控件底部显示分页工具栏。
				fitColumns: false
			});
		});
	</script>
</body>
</html>